.list-table {
  @apply divide-y dark:divide-gray-700;
}

.list-heading {
  @apply bg-gray-50 dark:bg-gray-800;
}

.list-heading .list-cell {
  @apply px-3 py-2 ;
  @apply bg-gray-50 dark:bg-gray-800;
}

.list-cell {
  @apply leading-[20px] h-[35px] shrink-0 truncate text-ellipsis;
  @apply bg-white dark:bg-gray-900;
}

.list-row .list-cell .grid-actions { 
  @apply absolute top-1.5 right-2 opacity-0 pointer-events-none;
  @apply transition-all;
}

.list-row:hover .list-cell .grid-actions {
  @apply opacity-100 pointer-events-auto;
}

.list-cell-sortable-hover {
  border: 2px solid #6366f1 !important; 
}

.list-row {
  @apply flex divide-x dark:divide-gray-700
}

.list-cell {
  @apply relative;
}
